﻿@charset "utf-8";
/* CSS Document */
body{margin:0px atuo; min-width:1200px;font-family: '微软雅黑'}
.title{font-family: '微软雅黑';font-size: 35px;position:absolute;color:#4290d8;font-weight: bold;}
img{border:0;}

.top{width:1050px;height:100px;margin:0 auto;}
.top .logo{display:block;width:332px;height:57px;margin-top: 21px;float:left;background:url("../images/logo.png") no-repeat left;}
.back{width:91px;height:28px;border:1px solid #ebdbc7;color:#b67d3b;font-size: 16px;
    line-height: 28px;text-align: center;float:right;margin-top:35px;border-radius: 5px;cursor:pointer;display:block;text-decoration: none;}
.back:hover{border:1px solid #ff9000;color: #ff9000;}


#banner_box{height:470px; position:relative; overflow:hidden;}
.mid{width:1150px;height:100%;position:relative;margin:10px auto;}
.top .logo{margin-left: -95px!important;}
/*注册框 start*/
.login-box {
    width: 331px;
    height: 401px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -196px;
    background: url("../images/box-bg.png") no-repeat center;
    border-radius: 10px;
}

.login-box .title {
    font-size: 20px;
    color: #fe7e00;
    line-height: 24px;
    position: absolute;
    left: 25px;
    top: 20px;
}


.login-box .regist-form ::-webkit-input-placeholder {
    font-size: 14px;
    color: #b1b1b1;
    font-family: Microsoft YaHei, "微软雅黑";
}

.login-box .regist-form :-moz-placeholder {
    font-size: 14px;
    color: #b1b1b1;
    font-family: Microsoft YaHei, "微软雅黑";
}

.login-box .regist-form ::-moz-placeholder {
    font-size: 14px;
    color: #b1b1b1;
    font-family: Microsoft YaHei, "微软雅黑";
}

.login-box .regist-form :-ms-input-placeholder {
    font-size: 14px;
    color: #b1b1b1;
    font-family: Microsoft YaHei, "微软雅黑";
}

.login-box .regist-form ::-ms-input-placeholder {
    font-size: 14px;
    color: #b1b1b1;
    font-family: Microsoft YaHei, "微软雅黑";
}

.login-box .regist-form ::placeholder {
    font-size: 14px;
    color: #b1b1b1;
    font-family: Microsoft YaHei, "微软雅黑";
}

.login-box .regist-form .input-group {
    width: 230px;
    height: 33px;
    position: absolute;
    left: 66px;
    background: transparent;
}
.login-box .regist-form .input-group .form-control {
    width: inherit;
    height: 33px;
    line-height: 33px;
    border: 0 none;
    outline: none;
}

.login-box .regist-form .input-group .code-img{
    position: absolute;
    right: 0;
    width: 100px;
    height: 38px;
    top: -2px;
    cursor: pointer;
}

.login-box .regist-form .input-group .icon {

}

.login-box .regist-form .input-group .msg {
    display: none;
    position: absolute;
    bottom: -18px;
    left: 0;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    color: #ff0000;
    padding-left: 24px;
}


.login-box .regist-form .input-group .identify-code {
    position: absolute;
    right: 0;
    top: -1px;
    width: 100px;
    height: 38px;
    display: block;
    cursor: pointer;
    background: #ffc840;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    border-radius: 4px;
    border: none;
    outline: none;
}
.login-box .regist-form .form-control {
    border: none;
    outline: none;
    line-height: 33px;
    height: auto;
}
.login-box .regist-form .checkbox-item label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
}
.login-box .regist-form .checkbox-item {
    height: auto;
    top:298px; 
    left: 28px;
    width: 280px;
}

.login-box .regist-form .regist-btn {
    top: 326px;
    left: 25px;
}
.login-box .regist-form .regist-btn button {
    width: 280px;
    height: 43px;
    overflow: hidden;
    background: #ff5a5a;
    display: block;
    cursor: pointer;
    font-size: 21px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    letter-spacing: 5px;
    font-weight: bold;
    border: none;
    outline: none;
}
.login-box .regist-form .tip-msg {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 25px;
    font-size: 14px;
}
.color-red {color: #f00;}
/*注册框 end*/






#banner_box .banner_1{ position: absolute; top:156px; left: -15px; }
#banner_box .banner_2{ position: absolute; top:35px; left: 186px; }
#banner_box .banner_3{ position: absolute; top:49px; left: 479px; }



.module_1{ height:560px;background-color:#fff; background: url(../images/module_1.png?v=20180830) no-repeat center top;}
.module_1 .p1-1{ position:absolute; width:1200px;left:0px; top:55px; z-index:1; }

.module_6{height:672px;background-color:#79ccff;}
.module_6 .title{left:374px;top:52px;}
.module_6 .p6-1{ position: absolute; left: 0; top: 178px;}
.module_6 .p6-1 li{float: left;width: 232px;height: 380px; margin-right: 10px; background:url("../images/p6_li_bg.png") no-repeat center; text-align: center;}
.module_6 .p6-1 li.li5{float:right;margin-right: 0px;}
.module_6 .p6-1 li .card_name{ height: 51px;line-height: 40px;color: #fff;font-size: 22px; font-weight: bold;padding-top: 5px;}
.module_6 .p6-1 li img{margin-top: 24px;}
.module_6 .p6-1 li .requirement{font-size: 14px;line-height: 18px;color: #7a7a7a;margin-top: -5px;}
.module_6 .p6-1 li .but{ text-align: center;margin-top: 15px;}
.module_6 .p6-1 li .but a{display: inline-block;vertical-align: middle;cursor: pointer; width: 175px; height: 57px;line-height:38px;color: #fff;font-size: 16px; background:url("../images/p6_but_bg.png") no-repeat center top;}
.module_6 .p6-1 li .ps{color: #ff8400;font-size: 12px;margin-top: 0px;line-height: 16px;}
.module_6 .p6-rule{position: absolute; left:550px;bottom: 70px;}
.module_6 .p6-rule a{ background:url("../images/p6_icon.png") 0px 2px no-repeat; padding-left: 28px; font-size: 16px;color: #fff; text-decoration: underline; cursor: pointer;}

.module_cen{ height:100%; margin:0 auto; width:1200px; position:relative;}

.module_3{ height:871px; background-color: #fff;}
.module_3 .title{left:451px;top:30px;}
.module_3 .p3-1{position: absolute;width: 1200px; height: 191px;left: 0;top: 158px;   background:url("../images/p3-1.png?v=20180209001") no-repeat center;}
.module_3 .p3-1 .rate{position: absolute;width: 150px;font-size: 70px;color: #fa613e;font-weight: bold; top: 35px; left: 291px;}
.module_3 .p3-1 .mon{position: absolute;width: 100px;font-size: 20px;color: #fa613e; top: 35px; left: 634px;font-weight: bold;}
.module_3 .p3-1 .mon span{font-size: 70px;}
.module_3 .p3-1 .but{position: absolute;right:65px;top:72px;}
.module_3 .p3-1 .but a{display: inline-block;vertical-align: middle;width: 242px;height: 68px;background:url("../images/p3-1-but.png") no-repeat center; color: #fff;font-size: 20px;text-align: center;line-height: 58px;font-weight: bold; cursor: pointer;}
.module_3 .p3-2{position: absolute;width: 1200px;height: 420px; left: 0;top: 380px;background:url("../images/p3-2.png?v=201802071") 0 0 no-repeat; }
.txt_right{ text-align: right; }
.module_3 .slideBox{ width:368px; height:413px;position:relative;top:4px;left:35px;}
.module_3 .slideBox .hd{ height:12px; position:absolute; left:152px; bottom:27px; z-index:1;}
.module_3 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.module_3 .slideBox .hd ul li{ float:left;width:11px; height:11px;cursor:pointer;background: url(../images/jq80.png) -320px 0px no-repeat;margin-left: 8px;}
.module_3 .slideBox .hd ul li.on{background-position: -287px 0px;}
.module_3 .slideBox .bd ul li {position: relative;}
.module_3 .slideBox .bd .tite{height:72px;line-height:72px;font-size: 24px;color: #444444;text-align: center;}
.module_3 .slideBox .bd .rate{font-size: 86px;font-weight: bold;color: #ff6547;text-align: center;padding-top: 22px;}
.module_3 .slideBox .bd .rate_wz{font-size: 16px;color: #888888;text-align: center;}
.module_3 .slideBox .bd .inst1{width:217px;padding-left:17px;float: left;font-size: 14px;color: #888888;margin-top:35px;}
.module_3 .slideBox .bd .inst2{font-size: 14px;color: #888888;margin-top:35px;}
.module_3 .slideBox .bd .inst2 i{display: inline-block;width: 20px;height: 24px;background: url(../images/jq80.png) -287px -37px no-repeat;vertical-align: middle;margin-left: 118px;}
.module_3 .slideBox .bd a.investment{clear:both;display: block;width:368px;height: 68px;background:url("../images/p3-2-but.png") no-repeat center; color: #fff;font-size: 22px;text-align: center;line-height: 58px; cursor: pointer;text-decoration: none;border-radius: 3px;margin-top: 15px;}
/*计算器样式*/
.jisuanqi{width:749px;height:413px;position: absolute;top:0px;left: 450px;}
.jisuanqi .tab{position:absolute; width:380px;z-index:1; top:22px; left:25px; color:#fec500; font-size:18px;height: 365px;}
.jisuanqi .tab li{ float:left; width:108px;cursor:pointer;color: #888888;font-size: 18px;}
.jisuanqi .tab li i{ display:inline-block; background:url(../images/jq80.png) -356px 0px no-repeat;width:14px; height:14px; margin-right:5px; }
.jisuanqi .tab li.current i{background-position:-393px 0px;}
.jisuanqi .tab tr{height:58px;line-height: 52px;}
.jisuanqi .tab tr.list3{height:25px;line-height:25px;}
.jisuanqi  input{color: #ff6547;line-height: 58px;font-size:30px;width:155px; height: 58px;outline: none;border: none;background: none; padding-left: 10px;}
.jisuanqi .p3-but{ position: absolute;z-index: 1; left:30px;top:306px; width:368px;height: 68px;background:url("../images/p3-2-but.png") no-repeat center; color: #fff;font-size: 22px;text-align: center;line-height: 58px;cursor: pointer;text-decoration: none;border-radius: 3px;}
.jisuanqi .earnings{ position: absolute;z-index: 1; width:230px; right:72px; top: 244px; font-weight: bold;font-size: 30px; color: #ffa524; line-height: 50px;}
.jisuanqi .interest{ position: absolute;z-index: 1; width:230px; right:72px; top:108px; font-weight: bold;font-size: 30px; color: #ffa524; line-height: 50px;}
.jisuanqi .inp_3{ width:180px;font-size:30px;color: #ff6547;font-weight: bold;}
.jisuanqi .inp_4{ width:180px;font-size:30px;color: #ff6547;font-weight: bold;}
.jisuanqi .rotating{opacity: 1;-webkit-transition: all .5s linear;transition: all .5s linear;-webkit-animation: rotateIn .5s ease-out both;animation: rotateIn .5s ease-out;}

.list1{position: absolute;top:3px;left: 3px;}
.list1 td,.list2 td{color: #444444;font-size: 18px;}
.list2{position: absolute;top:87px;left:3px;}
.list3{position: absolute;top:173px;left: 25px;}
.list3 .name{width:130px;color: #444444;font-size: 18px;}
.list3 .shijian{width: 220px;}


.module_4{ height:1072px;background-color:#79ccff;}
.p4-1 {position: absolute;left:90px;top:33px;}



.module_5{ height:344px;background:#fff;}
.module_5 .p5-1{position:absolute; width:700px; text-align:center;z-index:1; top:36px;left:0px; font-size:40px; color:#666;}
.module_5 .p5-1 span{ font-size:64px; color:#ff5a5a;}
.module_5 .p5-2{-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius: 5px;background-color: #ff5757;width: 243px;height: 60px; position:absolute; top:206px; left:230px; color:#fff; font-size:24px; text-align:center; text-decoration:none; line-height:60px;}
.module_5 .pai{width:228px;position:absolute;right:220px;top:-25px;}
.module_5 .tell{font-size: 14px;color:#999;position:absolute;bottom:10px;left:128px;line-height: 20px;width:450px;text-align: center;}




.rule-popup {display: none; width: 100%; height: 100%; position: fixed; top:0; bottom: 0; left: 0; right: 0; z-index: 9};
.rule-popup .mask{ width:100%; height:100%; left:0; top:0;position: absolute; opacity:0.8;filter:alpha(opacity=80);background:#000; z-index:8;}
.rule-popup .mes-box{width: 550px;height: 434px;left:50%;margin-left: -275px;top: 50%; margin-top: -257px;background:url(../images/p6_tan_bg.png) 0px 0px no-repeat;  position:absolute; z-index:9;}
.rule-popup .mes-box .close{position: absolute;cursor: pointer; left: 247px; bottom:-75px;width: 46px;height: 46px;background: url(../images/p6_close.png) 0 0 no-repeat;}
.rule-popup .mes-box .tit{height: 84px;line-height: 80px;font-size: 24px;color: #fff;text-align: center;font-weight: bold;}
.rule-popup .mes-box .txt{padding-top: 20px;}
.rule-popup .mes-box .txt p{font-size: 16px; color: #5e5e5e;line-height: 24px; position: relative; margin-top: 20px; padding: 0 51px 0 67px;}
.rule-popup .mes-box .txt p i{position: absolute;left: 31px; top: 2px;  width: 20px;height: 20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; background: #24a2f0;color: #fff;text-align: center;line-height: 20px;font-style: normal;}

.holiday{width:180px;position:fixed;bottom:30px;right:20px;z-index: 9999;cursor:pointer;}

.foot2{width:100%;height:140px;background:#dfdfdf;padding-top: 20px;}
.foot2 .mid{width:1050px;height:100%;position:relative;margin:0 auto;}
.foot2 .foot-msg{width: 740px;height:126px;background:url("../images/foot.png") no-repeat left center;margin:0 auto;position:relative;}
.foot2 .foot-msg .wor1{width:196px;position:absolute;left:72px;top:31px;}
.foot2 .foot-msg .wor1 strong{color:#7a7a7a;font-size: 28px;font-family: 'Arial'}
.foot2 .foot-msg .wor1 em{color:#7a7a7a;font-size: 14px;}
.foot2 .foot-msg .wor2{width:450px;position:absolute;left:362px;top:24px;color:#7a7a7a;font-size: 14px;line-height: 24px;}
.foot2 .foot-msg .wor2 a{color:#7a7a7a;width:100%;text-decoration: none;}
.foot2 .foot-msg .wor2 a:hover{color: #616161;}
.foot2 .foot-msg .wor2 .connection{width:450px;height: 24px;margin-bottom: 20px;list-style: none;}
.foot2 .foot-msg .wor2 .connection li{float: left;margin-right: 20px;}
.foot2 .foot-msg .wor2 .connection li a{font-size: 16px;color:#7a7a7a;width:100%;text-decoration: none;}
.foot2 .foot-msg .wor2 .connection li a:hover{color: #616161;}





.perspectiveIn{
    -webkit-animation: perspectiveIn .8s ease-out .4s both;
            animation: perspectiveIn .8s ease-out .4s both;
}
.fadeRight{
    -webkit-animation: fadeRight .4s linear .95s both;
            animation: fadeRight .4s linear .95s both;
}
.fadeInDown {
    -webkit-animation: fadeInDown .4s ease-out .1s both;
            animation: fadeInDown .4s ease-out .1s both;
}
@-webkit-keyframes perspectiveIn{  
    0%{
        -webkit-transform:scale(0,0);
        opacity: 1;
    }   
    50%{
        -webkit-transform:scale(1.03,1.03);
        opacity: 1;
    } 
    70%{
        -webkit-transform:scale(0.93,0.93);
        opacity: 1;
    } 
    100%{
        -webkit-transform:scale(1,1);
        opacity: 1;
    }
}
@keyframes perspectiveIn{  
    0%{
        transform:scale(0,0);
        opacity: 1;
    } 
     50%{
        transform:scale(1.03,1.03);
        opacity: 1;
    } 
    70%{
        transform:scale(0.93,0.93);
        opacity: 1;
    } 
    100%{
        transform:scale(1,1);
        opacity: 1;
    }
}
@-webkit-keyframes fadeRight{
    0%{
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
        opacity: 0;
    }
    100%{
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes fadeRight{
    0%{
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
        opacity: 0;
    }
    100%{
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown{
    0%{
        -webkit-transform:translate3d(0,-90px,0);
        opacity: 0;
    }
    75%,100%{
        -webkit-transform:translate3d(0,0,0);
        opacity: 1;
    }   
}
@keyframes fadeInDown{
    0%{
        transform:translate3d(0,-90px,0);
        opacity: 0;
    }
    75%,100%{
        transform:translate3d(0,0,0);
        opacity: 1;
    }   
}







